<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的订单</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="/css/style.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="/js/liebiao/jquery.min.js"></script>
        <script type="text/javascript" src="/js/slider.js"></script>
        <script type="text/javascript" src="/js/tab.js"></script>
        <!--<script src="/js/jquery/jquery.min.js"></script>-->
        <script src="/js/plugins/jrender/jrender.min.js"></script>
        <script src="/js/common.js"></script>
        <script>
            $(function () {
                var params = getParams();
                $.get("/users/orders", {userId:params.id}, function (data) {
                    $(".tab-active").renderValues(data);
                })
            })
        </script>
    </head>
    <body>

        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed">
                <a href="/scenic.html" class="aui-navBar-item">
                    <i class="icon icon-return"></i>
                </a>
                <div class="aui-center">
                    <span class="aui-center-title">我的订单</span>
                </div>
                <a href="javascript:;" class="aui-navBar-item">
                    <!--<i class="icon icon-doubt"></i>-->
                </a>
            </header>
            <section class="aui-scrollView">
                <div class="aui-m-slider">
                    <div class="m-slider" data-ydui-slider>
                        <div class="slider-wrapper">
                            <div class="slider-item">
                                <a href="javascript:;">
                                    <img src="/images/banner-001.png">
                                </a>
                            </div>
                            <div class="slider-item">
                                <a href="javascript:;">
                                    <img src="/images/banner-002.png">
                                </a>
                            </div>
                            <div class="slider-item">
                                <a href="javascript:;">
                                    <img src="/images/banner-003.png">
                                </a>
                            </div>
                            <div class="slider-item">
                                <a href="javascript:;">
                                    <img src="/images/banner-004.png">
                                </a>
                            </div>
                        </div>
                        <div class="slider-pagination"></div>
                    </div>
                </div>
                <div ><!--class="aui-tab-mar"-->
                    <div class="aui-tab" data-ydui-tab>
                        <!--<ul class="tab-nav">

                        </ul>-->
                        <div class="tab-panel">
                            <div class="tab-panel-item tab-active">
                                <div class="tab-item" render-loop="list">

                                    <a href="javascript:;" class="aui-flex">
                                        <div class="aui-all-list">
                                            <img render-src="list.ticket.scenic.coverUrl" alt="">
                                        </div>
                                        <div class="aui-flex-box aui-flex-title">
                                            <h3 render-html="list.ticket.name"></h3>
                                            <p><div style="font-size: 15px">x <i render-html="list.number"></i></div></p>
                                            <!--<div class="aui-sunburn" render-html="list.totalprices">
                                                &lt;!&ndash;<i class="icon icon-sunburn"></i>&ndash;&gt;
                                                ￥ 88 元
                                            </div>-->
                                            <div class="aui-flex-box"><i>￥ </i><i render-html="list.totalprices"></i></div>
                                        </div>
                                    </a>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </section>
    </body>
</html>
